import axios, { CanceledError } from 'axios'
import { notification } from 'ant-design-vue'

const apiBaseUrl = import.meta.env.VITE_GLOBAL_API_URL
// 创建一个 axios 实例
const service = axios.create({
  baseURL: apiBaseUrl, // 所有的请求地址前缀部分
  timeout: 60000, // 请求超时时间毫秒
  withCredentials: false, // 异步请求携带cookie
  headers: {
    // 设置后端需要的传参类型
    'Content-Type': 'application/json'
  }
})

// 添加请求拦截器
service.interceptors.request.use(
  (config) => {
    // 在发送请求之前做些什么
    return config
  },
  (error) => {
    // 对请求错误做些什么
    notification.error({
      message: '温馨提示',
      description: '网络请求失败'
    })
    return Promise.reject(error)
  }
)

// 添加响应拦截器
service.interceptors.response.use(
  (response) => {
    // 2xx 范围内的状态码都会触发该函数。
    const dataAxios = response.data
    // 对响应错误做点什么
    if (dataAxios.code !== 0) {
      notification.error({
        message: '温馨提示',
        description: dataAxios.msg
      })
    }
    return dataAxios
  },
  (error) => {
    // 对响应错误做点什么
    if (error instanceof CanceledError) {
      return Promise.reject(error)
    }
    notification.error({
      message: '温馨提示',
      description: error.response?.data?.message || error.message
    })
    return Promise.reject(error)
  }
)
export default service
